<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Quản Lý Khách Hàng | Phần Mềm Quản Lý Điều Hành Xe | CÔNG TY TNHH DỊCH VỤ MINH VIỆT</title>

    <!-- Bootstrap framework -->
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" />
    <link rel="stylesheet" href="bootstrap/css/bootstrap-responsive.min.css" />
    <!-- gebo blue theme-->
    <link rel="stylesheet" href="css/blue.css" id="link_theme" />
    <!-- breadcrumbs-->
    <link rel="stylesheet" href="lib/jBreadcrumbs/css/BreadCrumb.css" />
    <!-- tooltips-->
    <link rel="stylesheet" href="lib/qtip2/jquery.qtip.min.css" />
    <!-- notifications -->
    <link rel="stylesheet" href="lib/sticky/sticky.css" />
    <!-- code prettify -->
    <link rel="stylesheet" href="lib/google-code-prettify/prettify.css" />    
    <!-- notifications -->
    <link rel="stylesheet" href="lib/sticky/sticky.css" />    
    <!-- splashy icons -->
    <link rel="stylesheet" href="img/splashy/splashy.css" />
    <!-- colorbox -->
    <link rel="stylesheet" href="lib/colorbox/colorbox.css" />	
    <!-- main styles -->
    <link rel="stylesheet" href="css/style.css" />
    <!-- Favicon -->
    <link rel="shortcut icon" href="favicon.ico" />
    <!--[if lte IE 8]>
        <link rel="stylesheet" href="css/ie.css" />
        <script src="js/ie/html5.js"></script>
        <script src="js/ie/respond.min.js"></script>
    <![endif]-->

  </head>
  <body class="gebo-fixed menu_hover sidebar_hidden">
    

    <div id="maincontainer" class="clearfix">
      <!-- header -->
      <?php include 'menu.php'; ?>

      <!-- main content -->
      <div id="contentwrapper">
        <div class="main_content">
          <!-- BreadCrumb -->
          <nav>
            <div id="jCrumbs" class="breadCrumb module">
              <ul>
                <li>
                  <a href="#"><i class="icon-home"></i></a>
                </li>
                <li>
                  <a href="#">Quả lý Booking</a>
                </li>                  
                <li>
                  Quản lý khách hàng
                </li>                               
              </ul>
            </div>
          </nav>
          <!-- End BreadCrumb -->
          <div class="row-fluid">
            <div class="span12">
              <div class="heading"> 
                <h3 class="">Quản lý khách hàng</h3> 
              </div>              
            </div>
          </div>
          <div class="row-fluid">
            <div class="span12 ">
                	<form class=" form-inline form-search">
                    <div class="input-append">
                      <input type="text" class=" input-medium search-query" placeholder="Tên công ty ">
                      <input type="text" class=" input-medium search-query" placeholder="Địa chỉ email ">
                      <button type="submit" class="btn">Tìm kiếm</button>
                    </div>
                    <a href="#addnewservice" data-toggle="modal" data-backdrop="static" class="btn btn-primary"><i class=" icon-white icon-plus"></i>Thêm mới khách hàng</a>
									</form>
            </div>
          </div>          
          <div class="row-fluid">
            <div class="span12">
                  <table class="table table-condensed table-bordered">
                    <thead>
                      <tr>
                        <th>Tên Công ty</th>
                        <th>Người liên hệ</th>
                        <th>Điện thoại</th>
                        <th>Email</th>
                        <th>Ngày tạo</th>
                        <th style="width: 70px;">Thao tác</th>
                      </tr>
                    </thead>
                    <tbody>
                      <tr>
                        <td>GWS GLOBAL</td>
                        <td>Nguyễn tiến Pa Ven</td>
                        <td>0947533024</td>                        
                        <td>pavennt@gmail.com</td>
                        <td>25/08/2013</td>
                        <td>
                          <a href="#editcustomer" class="sepV_a ttip_t"   data-toggle="modal" data-backdrop="static"  title="Sửa khách hàng"><i class="icon-pencil"></i></a>
                          <a href="#" class="sepV_a ttip_t"   title="Xem Chi tiết"><i class="icon-eye-open"></i></a>
                          <a href="#" class="sepV_a ttip_t"   title="Xóa khách hàng"><i class="icon-trash"></i></a>
                        </td>                        
                      </tr>
                      <tr>
                        <td>GWS GLOBAL</td>
                        <td>Nguyễn tiến Pa Ven</td>
                        <td>0947533024</td>                        
                        <td>pavennt@gmail.com</td>
                        <td>25/08/2013</td>
                        <td>
                          <a href="#" class="sepV_a ttip_t"   title="Sửa khách hàng"><i class="icon-pencil"></i></a>
                          <a href="#" class="sepV_a ttip_t"   title="Xem Chi tiết"><i class="icon-eye-open"></i></a>
                          <a href="#" class="sepV_a ttip_t"   title="Xóa khách hàng"><i class="icon-trash"></i></a>
                        </td>                        
                      </tr>
                      <tr>
                        <td>GWS GLOBAL</td>
                        <td>Nguyễn tiến Pa Ven</td>
                        <td>0947533024</td>                        
                        <td>pavennt@gmail.com</td>
                        <td>25/08/2013</td>
                        <td>
                          <a href="#" class="sepV_a ttip_t"   title="Sửa khách hàng"><i class="icon-pencil"></i></a>
                          <a href="#" class="sepV_a ttip_t"   title="Xem Chi tiết"><i class="icon-eye-open"></i></a>
                          <a href="#" class="sepV_a ttip_t"   title="Xóa khách hàng"><i class="icon-trash"></i></a>
                        </td>                        
                      </tr>
                      <tr>
                        <td>GWS GLOBAL</td>
                        <td>Nguyễn tiến Pa Ven</td>
                        <td>0947533024</td>                        
                        <td>pavennt@gmail.com</td>
                        <td>25/08/2013</td>
                        <td>
                          <a href="#" class="sepV_a ttip_t"   title="Sửa khách hàng"><i class="icon-pencil"></i></a>
                          <a href="#" class="sepV_a ttip_t"   title="Xem Chi tiết"><i class="icon-eye-open"></i></a>
                          <a href="#" class="sepV_a ttip_t"   title="Xóa khách hàng"><i class="icon-trash"></i></a>
                        </td>                        
                      </tr>
                      <tr>
                        <td>GWS GLOBAL</td>
                        <td>Nguyễn tiến Pa Ven</td>
                        <td>0947533024</td>                        
                        <td>pavennt@gmail.com</td>
                        <td>25/08/2013</td>
                        <td>
                          <a href="#" class="sepV_a ttip_t"   title="Sửa khách hàng"><i class="icon-pencil"></i></a>
                          <a href="#" class="sepV_a ttip_t"   title="Xem Chi tiết"><i class="icon-eye-open"></i></a>
                          <a href="#" class="sepV_a ttip_t"   title="Xóa khách hàng"><i class="icon-trash"></i></a>
                        </td>                        
                      </tr>
                      <tr>
                        <td>GWS GLOBAL</td>
                        <td>Nguyễn tiến Pa Ven</td>
                        <td>0947533024</td>                        
                        <td>pavennt@gmail.com</td>
                        <td>25/08/2013</td>
                        <td>
                          <a href="#" class="sepV_a ttip_t"   title="Sửa khách hàng"><i class="icon-pencil"></i></a>
                          <a href="#" class="sepV_a ttip_t"   title="Xem Chi tiết"><i class="icon-eye-open"></i></a>
                          <a href="#" class="sepV_a ttip_t"   title="Xóa khách hàng"><i class="icon-trash"></i></a>
                        </td>                        
                      </tr>
                      <tr>
                        <td>GWS GLOBAL</td>
                        <td>Nguyễn tiến Pa Ven</td>
                        <td>0947533024</td>                        
                        <td>pavennt@gmail.com</td>
                        <td>25/08/2013</td>
                        <td>
                          <a href="#" class="sepV_a ttip_t"   title="Sửa khách hàng"><i class="icon-pencil"></i></a>
                          <a href="#" class="sepV_a ttip_t"   title="Xem Chi tiết"><i class="icon-eye-open"></i></a>
                          <a href="#" class="sepV_a ttip_t"   title="Xóa khách hàng"><i class="icon-trash"></i></a>
                        </td>                        
                      </tr>
                      <tr>
                        <td>GWS GLOBAL</td>
                        <td>Nguyễn tiến Pa Ven</td>
                        <td>0947533024</td>                        
                        <td>pavennt@gmail.com</td>
                        <td>25/08/2013</td>
                        <td>
                          <a href="#" class="sepV_a ttip_t"   title="Sửa khách hàng"><i class="icon-pencil"></i></a>
                          <a href="#" class="sepV_a ttip_t"   title="Xem Chi tiết"><i class="icon-eye-open"></i></a>
                          <a href="#" class="sepV_a ttip_t"   title="Xóa khách hàng"><i class="icon-trash"></i></a>
                        </td>                        
                      </tr>
                      <tr>
                        <td>GWS GLOBAL</td>
                        <td>Nguyễn tiến Pa Ven</td>
                        <td>0947533024</td>                        
                        <td>pavennt@gmail.com</td>
                        <td>25/08/2013</td>
                        <td>
                          <a href="#" class="sepV_a ttip_t"   title="Sửa khách hàng"><i class="icon-pencil"></i></a>
                          <a href="#" class="sepV_a ttip_t"   title="Xem Chi tiết"><i class="icon-eye-open"></i></a>
                          <a href="#" class="sepV_a ttip_t"   title="Xóa khách hàng"><i class="icon-trash"></i></a>
                        </td>                        
                      </tr>
                      <tr>
                        <td>GWS GLOBAL</td>
                        <td>Nguyễn tiến Pa Ven</td>
                        <td>0947533024</td>                        
                        <td>pavennt@gmail.com</td>
                        <td>25/08/2013</td>
                        <td>
                          <a href="#" class="sepV_a ttip_t"   title="Sửa khách hàng"><i class="icon-pencil"></i></a>
                          <a href="#" class="sepV_a ttip_t"   title="Xem Chi tiết"><i class="icon-eye-open"></i></a>
                          <a href="#" class="sepV_a ttip_t"   title="Xóa khách hàng"><i class="icon-trash"></i></a>
                        </td>                        
                      </tr>

                    </tbody>
                  </table>	
                  <div class="pagination right">
                    <ul>
                      <li class="prev"><a href="#">&lt; Trở lại </a> </li>
                      <li class="active"><a href="#">1</a></li>
                      <li ><a href="#">2</a></li>
                      <li class="next "><a href="#">Trang tiếp &gt; </a></li></ul>
                  </div>                  
              

            </div>
          </div>

        </div>
      </div>
      
      <!-- Popup add news -->
        <div class="modal hide" id="addnewservice">
            <!-- Form add -->
        <form class="form-horizontal" action="#" method="post">
          <div class="modal-header">
            <button class="close" data-dismiss="modal">×</button>
            <h3>Thêm mới khách hàng</h3>
          </div>
          <div class="modal-body">         
            <fieldset>
              <div class="control-group">
                <label class="control-label">Tên Công ty <span class="f_req">*</span></label>
                <div class="controls">
                  <input type="text" class="" value=""   placeholder="Tên công ty"/>
                </div>
              </div>
              <div class="control-group">
                <label class="control-label">Người liên hệ</label>
                <div class="controls">
                  <input type="text" class="" value=""   placeholder="Người liên hệ"/>
                </div>
              </div>               
              <div class="control-group">
                <label class="control-label">Email </label>
                <div class="controls">
                  <input type="text" class="" value=""   placeholder="Email"/>
                </div>
              </div>                      
              <div class="control-group">
                <label class="control-label">Điện thoại di động<span class="f_req">*</span></label>
                <div class="controls">
                  <input type="text" class="" value=""   placeholder="Điện thoại di động"/>
                </div>
              </div>
              <div class="control-group">
                <label class="control-label">Điện thoại bàn </label>
                <div class="controls">
                  <input type="text" class="" value=""   placeholder="Điện thoại bàn"/>
                </div>
              </div>
                     
              <div class="control-group">
                <label class="control-label">Nhóm khác hàng </label>
                <div class="controls">
                  <select name="nhom_kh"> 
                    <option selected ="selected"> Chọn </option>
                    <option > Công ty lữ hành </option>
                    <option  >công ty thuê xe hàng ngày</option>
                  </select>
                </div>
              </div>
            </fieldset>                     
        </form>
      </div>
      <div class="modal-footer">
        <button class="btn btn-primary" type="submit"><i class="icon-ok icon-white"></i> Lưu lại</button>
        <a href="#" class="btn" data-dismiss="modal">Đóng lại</a>
      </div>
            <!-- End Form  add -->          
        </div>
      <!-- end popup add new -->
      
      <!-- Form edit -->
      <div class="modal hide" id="editcustomer">
        <form class="form-horizontal" action="#" method="post">
          <div class="modal-header">
            <button class="close" data-dismiss="modal">×</button>
            <h3>Sửa thông tin khách hàng</h3>
          </div>
          <div class="modal-body">         
            <fieldset>
              <div class="control-group">
                <label class="control-label">Tên Công ty <span class="f_req">*</span></label>
                <div class="controls">
                  <input type="text" class="" value="GWS Global"   placeholder="Tên công ty"/>
                </div>
              </div>
              <div class="control-group">
                <label class="control-label">Người liên hệ</label>
                <div class="controls">
                  <input type="text" class="" value="Nguyễn tiến Pa Ven"   placeholder="Người liên hệ"/>
                </div>
              </div>               
              <div class="control-group">
                <label class="control-label">Email </label>
                <div class="controls">
                  <input type="text" class="" value="pavennt@gmail.com"   placeholder="Email"/>
                </div>
              </div>                      
              <div class="control-group">
                <label class="control-label">Điện thoại di động<span class="f_req">*</span></label>
                <div class="controls">
                  <input type="text" class="" value="0987654321"   placeholder="Điện thoại di động"/>
                </div>
              </div>
              <div class="control-group">
                <label class="control-label">Điện thoại bàn </label>
                <div class="controls">
                  <input type="text" class="" value="048262625"   placeholder="Điện thoại bàn"/>
                </div>
              </div>
                     
              <div class="control-group">
                <label class="control-label">Nhóm khác hàng </label>
                <div class="controls">
                  <select name="nhom_kh"> 
                    <option> Chọn </option>
                    <option > Công ty lữ hành </option>
                    <option selected ="selected" >công ty thuê xe hàng ngày</option>
                  </select>
                </div>
              </div>
            </fieldset>                     
        </form>
      </div>
      <div class="modal-footer">
        <button class="btn btn-primary" type="submit"><i class="icon-ok icon-white"></i> Lưu lại</button>
        <a href="#" class="btn" data-dismiss="modal">Đóng lại</a>
      </div>
       <!-- End Form  edit -->  
     </div>

      
      
      
      <script src="js/jquery.min.js"></script>
      <!-- smart resize event -->
      <script src="js/jquery.debouncedresize.min.js"></script>
      <!-- hidden elements width/height -->
      <script src="js/jquery.actual.min.js"></script>
      <!-- js cookie plugin -->
      <script src="js/jquery.cookie.min.js"></script>
      <!-- main bootstrap js -->
      <script src="bootstrap/js/bootstrap.min.js"></script>
      <!-- bootstrap plugins -->
      <script src="js/bootstrap.plugins.min.js"></script>
      <!-- code prettifier -->
      <script src="lib/google-code-prettify/prettify.min.js"></script>
      <!-- tooltips -->
      <script src="lib/qtip2/jquery.qtip.min.js"></script>
      <!-- jBreadcrumbs -->
      <script src="lib/jBreadcrumbs/js/jquery.jBreadCrumb.1.1.min.js"></script>
      <!-- sticky messages -->
      <script src="lib/sticky/sticky.min.js"></script>
      <!-- fix for ios orientation change -->
      <script src="js/ios-orientationchange-fix.js"></script>

      <!-- lightbox -->
      <script src="lib/colorbox/jquery.colorbox.min.js"></script>    
      <!-- common functions -->
      <script src="js/gebo_common.js"></script>
      <script>
      $(document).ready(function() {
        
      });      
      </script>

    </div>
  </body>
</html>